/** Add css rules here for your application. */
	/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

#divCenter {
	margin: 0px auto;
	height: 400px;
	width: 700px;
	border: 1px dotted blue;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	font-size: 200%;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 18pt;
	color: blue;
	background-color: blue;
}

.virtueButton {
	border-bottom-color: #CCC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #DDD;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #DDD;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #DDD;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-style: solid;
	border-top-width: 1px;
}

.main-panel td div {
	margin: 5px;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.virtue-detail {
	margin: 5px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
	color: gray;
}